*{
  margin:0;
  padding: 0;
}

/* .footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color:#212529;
}

.foot-p{
   color: wheat;
   margin-top: 10px;
} */

/* ==================== Header Section================== */
.headersection{
  color: azure;
  text-align: center;
  margin-top: 30vh;
  } 
  .headersection h1{
    text-transform: uppercase;
  }

  @media screen and (max-width: 600px) {
  .headersection h1{
   font-size: large;
    }
  }

  .headersection p{
  font-size: 20px;
  }

  @media screen and (max-width: 600px) {
  .headersection p{
  font-size: 15px;
  }
  }

  .headersection em{
    padding: 10px;
  }

header{
  background-image: url(../images/header.jpg);
  height: 100vh;
  background-size: cover;
}

hr{
  border-color: white; 
}

.user{
  margin-top: 50px;
 }
.btn{
  border: 1px solid white;
  padding: 10px 30px;
  margin-right: 5px;
  font-size: 17px;
  color: white;
}
.login{
  background-color:greenyellow;
  border-radius: 20px;
}



/* ====================== Second section======================= */

.jumbotron{
  background-color: yellowgreen;
}
.container{
  margin-top: 10px;
  text-align: center;  
} 

.img{
  height: 20px;
  width: 30px;
}

h2{
color: white;
}
.lead{
  color: white;
}



/* ====================== Third section======================= */
.img1{
  border-radius: 100%;
  width: 500px;
  height: 300px;
  margin-right: 40px;
}
.container1{
  padding: 20px;
}

.container1 h2{
  color: black;
}
.container1 p{
  font-family: Tahoma;
}


/* ====================== Fourth section======================= */
.container2{
    padding: 20px;
  background-color: black;
  color: white;
}
.container2 p{
  font-family: Tahoma;
  color: white;
}
.img2{
  border-radius: 100%;
  width: 500px;
  height: 300px;
  margin-right: 40px;
}

.btn{
    border: 1px solid white;
    padding: 10px 30px;
    margin-right: 5px;
    font-size: 17px;
    color: black;
  }
  .login{
    background-color:white;
    border-radius: 20px; 
  }


  /* ====================== Fifth section======================= */
.container3{
  border-radius: 50px;
}

.imgout1{
  text-align: center;
  background-image: url("../images/writing.jpg");
  background-size: cover;
  height: 300px;
  color: white;
}

.imgout2{
  text-align: center;
  background-image: url("../images/concert.jpg");
  background-size: cover;
  height: 300px;
  color: white;
}

.imgout3{
  text-align: center;
  background-image: url("../images/pencil_sharpener.jpg");
  background-size: cover;
  height: 300px;
  color: white;
}


/* ====================== Sixth section======================= */
.jumbotron1{
  background-color: white;
  height: auto;
  margin-bottom: 10px;
}
.contact .imgpin{
filter: yellowgreen;
  
}
.jumbotron1 h2{
  color: black;
}
.lead1 {
  color: black;
  text-align: center;
  font-family: arial;
  padding: 9px;
}
.contact{
  color: yellowgreen;
  margin-top: 10px;
text-align: center;
padding-top: 7px;
}

.imgpin{
height: 6vh;
}

.checknow{
  margin-top: 50px;
 }

.btn{
  border: 1px solid white;
  padding: 10px 30px;
  margin-right: 5px;
  font-size: 17px;
  color: white;
}
.login{
  background-color:greenyellow;
  border-radius: 20px;
}


/* ====================== Seventh section======================= */
/* .inform{
  display: inline-block;
} */

.phone{
 margin-bottom: 30px;
  text-align: center;
} 

h4{
    color: white;
}

.jumbotron7{
    background-color: yellowgreen;
    height: auto;
    padding: 20px;
    margin: none;
}

/* ====================== Footer======================= */
  .footer{
    padding: 40px;
    color: #212529;;
    font-family: cursive;
    text-align: center;
      width: 100%;
  height: 60px;
  }

  p{
    /* text-align: justify; */
  }